@charset "utf-8";
.products{
  .banner{ height: 438px; background-position: center; background-size: cover;
    .swiper-slide{ height: 438px; background-position: top center; background-size: cover; }
  }
  .p-main{
    .tit{ font-size: 20px; color: #444444; font-weight: bold; border-bottom: 1px solid #dcdcdc; line-height: 64px; margin-bottom: 30px; }
    .pro-list{ overflow: hidden;
      .item{ text-align: center; margin-right: 25px; margin-bottom: 10px;
        .pic{
          img{ display: block; }
        }
        .title{ color: #333333; font-size: 16px; font-weight: bold; line-height: 46px; }
      }
    }

    .pro-main{
      &>.title{ height: 32px; line-height: 32px; padding-left: 32px; width: 140px; font-weight: bold; color: #fff; position: relative; margin-bottom: 30px;
        span{ position: absolute; top: 0; right: -18px; width: 18px; height: 32px; }
        &.blue{ background: #5e88ff;
          span{ background: url(../images/p_t_sj.png); }
        }
        &.green{ background: #68b626;
          span{ background: url(../images/p_t_sj_g.png); }
        }
      }
      .content{ font-size: 14px; color: #333333; line-height: 24px;
        img{ display: block; margin: 0px auto; }
      }
      .changjiang{
        .swiper-slide{
          img{ display: block; width: 100%; }
        }
        .swiper-pagination{ width: 100%; text-align: center; position: relative; margin: 20px auto;
  				.swiper-pagination-bullet{ opacity: 1; background: none; margin: 0 5px; height: 7px; width: 7px; transition: $tr4; opacity: 1; border:1px solid #5e88ff;
  					&.swiper-pagination-bullet-active{ transition: $tr4; opacity: 1; background:#5e88ff;}
  				}
  			}
      }
    }
  }
}
